<%@page contentType="text/html;charset=UTF-8"%>
<%@include file="/common/commonTag.jsp"%>
<html>  
	<head>
		<title>添加子菜单</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		
		<link type="text/css" href="openDialog/ui.all.css" rel="stylesheet" />
		<script type="text/javascript" src="openDialog/jquery-1.3.2.js"></script>
		<script type="text/javascript" src="openDialog/jquery-ui-1.7.2.custom.js"></script>
		<script type="text/javascript" src="openDialog/ui.core.js"></script>
		<script type="text/javascript" src="openDialog/ui.draggable.js"></script>
		<script type="text/javascript" src="openDialog/ui.resizable.js"></script>
		<script type="text/javascript" src="openDialog/ui.dialog.js"></script>
		<script type="text/javascript" src="openDialog/effects.core.js"></script>
		<script type="text/javascript" src="openDialog/effects.highlight.js"></script>
		<script type="text/javascript" src="openDialog/jquery.bgiframe.js"></script>
		<link type="text/css" href="openDialog/demos.css" rel="stylesheet" />
		<style type="text/css">
			
		</style>
		<script type="text/javascript">
			$(function(){
		        $('a').click(function(e) {
		            e.preventDefault();
		            var $this = $(this);
		            var horizontalPadding = 30;
		            var verticalPadding = 30;
		            $('<iframe id="externalSite" class="externalSite" src="/share/oa/hr/emp!managerEmployee.action" />').dialog({
		                title: ($this.attr('title')) ? $this.attr('title') : 'External Site',
		                autoOpen: true,
		                width: 800,
		                height: 500,
		                modal: true,
		                resizable: true,
		                autoResize: true,
		                overlay: {
		                    opacity: 0.5,
		                    background: "black"
		                }
		            }).width(800 - horizontalPadding).height(500 - verticalPadding);            
		        });
							
			});

			function opens() {
				$("#dd").dialog({
					modal:true,
					bgiframe:true,
					autoOpen:true,
					draggable:true,
					"height":530,
					"width":600 ,
					closeText: '关闭',
					open:function(){
						$.post("message.jsp",null,function(data){
							//$("#dd").html(data) ;
						});
					},
					buttons: {'Create an account': function() {
					}},
					Cancel: function() {
						$(this).dialog('close');
					}
				});
			}
		</script>
		
	</head>
	<body>
	
	<div class="demo">

		<input type="button" onclick="opens()" value="打开窗口">

	</div>
	
	<div id="dd" style="width:300px;height:300px;border:1px solid red;">
		1212
	</div>
	
	<a href="#">dsadsadada</a>
	
	</body>
</html>
